<template>
  <div class="raiseSlider">
    <div class="bgcolor"></div>
    <swiper :options="swiperOption"  class="slider">
      <swiper-slide>百万白条券免费送，速来领取！！ <em>></em></swiper-slide>
      <swiper-slide>签到领流量，1元500M！<em>></em></swiper-slide>
    </swiper>
  </div>
</template>

<script>
export default {
  name: 'coreSlider',
  data () {
    return {
      swiperOption: {
        autoplay: 1000,
        loop: true,
        speed: 1000,
        direction: 'vertical'
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
  @import '../../assets/css/varibles.styl'
  @import '../../assets/css/mixins.styl'
  .raiseSlider
     margin-top:1rem
    .bgcolor
      pdTop()
    .slider
       height:.72rem
       line-height:.84rem
       overflow:hidden
       padding-left:1.8rem;
       background: url(//m.jr.jd.com/spe/qyy/main/images/scroll_title_img.png) left top no-repeat;
       background-size:1.6rem
      em
       float:right
       margin-right:.2rem
       color:#ddd
       font-size:.5rem
</style>
